<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
   <script src="//cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
   <script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script>
		function redirect_login()
		{	
			window.location="login.jsp";
		}
</script>

<script language="javascript">
// 这个脚本是 ie6和ie7 通用的脚本
function custom_close(){

window.opener=null;
window.open('','_self');
window.close();

}
</script>
<style type="text/css">
table 
{ 
margin-left: auto; 
margin-right: auto; 
border: 1;
width: 1200px
}
button
{
text-align: center;
}
</style>
</head>
<body>
	<table    align="center">
	<tr>
		<td colspan="2">	<h2 align="center" >
		<%=session.getAttribute("username")%>，再见！欢迎你下次访问！
		<%
session.removeAttribute("username");
session.invalidate();
%>
		</h2>
		</td>
	</tr>
	<tr><td colspan="2"><hr></td></tr>
	<tr>
		<td align="right">
			<button type="button" class="btn btn-info btn-lg" onclick="redirect_login()" >再次登录</button>
			&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;
			
		</td>
		<td>&nbsp;&nbsp;&nbsp;
			&nbsp;&nbsp;&nbsp;
			
			<button type="button" class="btn btn-danger btn-info btn-lg"onclick="custom_close()">关闭页面</button>
		</td>
	</tr>
	<tr><td colspan="2"><hr></td></tr>
	<tr>
	<td colspan="2">
	<!-- 轮播图片 -->
	
						<div id="myCarousel" class="carousel slide" margin-top:0px>
							<!-- 轮播（Carousel）指标 -->
							<ol class="carousel-indicators">
								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
								<li data-target="#myCarousel" data-slide-to="1"></li>
								<li data-target="#myCarousel" data-slide-to="2"></li>
							</ol>   
						
							<!-- 轮播（Carousel）项目 -->
							<div class="carousel-inner">
								<div class="item active">
								<img src="${pageContext.request.contextPath}/images/slider1.jpg" alt="First slide">
								</div>
								<div class="item">
								<img src="${pageContext.request.contextPath}/images/slider2.jpg" alt="Second slide">
								</div>
								<div class="item">
								<img src="${pageContext.request.contextPath}/images/slider3.jpg" alt="Third slide">
								</div>
							</div>
							<!-- 轮播（Carousel）导航 -->
							<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
							    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							    
							</a>
							<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
							    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
							</a>
						</div>
						
						<!-- 控制按钮 -->
						<div style="text-align:center;">
							<input type="button" class="btn prev-slide" value="前一张">
							<input type="button" class="btn next-slide" value="下一张">
							<input type="button" class="btn slide-two" value="25教">
							<input type="button" class="btn slide-three" value="中图">
						</div>
						<script>
							$(function(){
								// 初始化轮播
								$(".start-slide").click(function(){
									$("#myCarousel").carousel('cycle');
								});
								// 停止轮播
								$(".pause-slide").click(function(){
									$("#myCarousel").carousel('pause');
								});
								// 循环轮播到上一个项目
								$(".prev-slide").click(function(){
									$("#myCarousel").carousel('prev');
								});
								// 循环轮播到下一个项目
								$(".next-slide").click(function(){
									$("#myCarousel").carousel('next');
								});
								// 循环轮播到某个特定的帧 
								$(".slide-one").click(function(){
									$("#myCarousel").carousel(0);
								});
								$(".slide-two").click(function(){
									$("#myCarousel").carousel(1);
								});
								$(".slide-three").click(function(){
									$("#myCarousel").carousel(2);
								});
							});
						</script>			
		</td>
		
	
	
</table>
	
</body>
 </html>